﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="scheduleManagement.aspx.cs" Inherits="WebJudicialAuction.admin.scheduleManagement" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="renderer" content="webkit" />
    <title>排班管理</title>
    <%--<link href="../js/bootstrap/css/bootstrap.css" rel="stylesheet" />--%>
</head>
<body>
    <form id="form1" runat="server">
        <input type="hidden" id="hidCurrentDate" runat="server" />
        <div class="container-fluid pt-3">
            <div id="searchBlock" class="input-group mb-3 pr-0">
                <div class="input-group-prepend">
                    <span class="input-group-text">开始时间</span>
                </div>
                <input type="text" id="SearchStartTime" data-col="SearchStartTime" name="UserName" class="form-control input-date" />
                <div class="input-group-prepend">
                    <span class="input-group-text">结束时间</span>
                </div>
                <input type="text" id="SearchEndTime" data-col="SearchEndTime" name="UserName" class="form-control input-date" />
                <div class="input-group-append">
                    <button type="button" id="btnSearch" class="btn btn-primary">查询</button>
                </div>
            </div>
            <div class="text-right">
                <button id="btnOfficeTest" type="button" class="btn btn-success noshow" data-toggle="modal" data-target="#myModalOffice">模拟网信办排班</button>
                <button id="btnOfficeScheduleImport" type="button" class="btn btn-success">导入排班</button>
                <a id="btnOfficeImportTemplate"  class="btn btn-success" href="/files/排班导入模板.xlsx">下载导入模板</a>
                <button id="btnAutoCenterSchedule" type="button" class="btn btn-success" data-toggle="modal" data-target="#myModal">中心自动排班</button>
                <button id="btnChangeSchedule" type="button" class="btn btn-primary">换班</button>
                <button id="btnExport" type="button" class="btn btn-primary" data-toggle="modal" data-target="#exportModal">导出</button>
                <button id="btnAdd" type="button" class="btn btn-success">新增网信办排班</button>
                <button id="btnAddCenterSchedule" type="button" class="btn btn-success">新增中心排班</button>
            </div>

            <div id="dataArea" class="container-fluid">
                <table id="dataTable" class="table table-hover">
                    <thead>
                        <tr>
                            <th class="noshow" data-col="userId" data-class="noshow"></th>
                            <th data-col="DateCol" class="width20Percent" data-class="width20Percent">日期</th>
                            <th data-col="CenterCol">中心</th>
                            <th data-col="OfficeCol" class="width30Percent" data-class="width30Percent">网信办</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>

            <div class="mb-2">&nbsp;</div>


        </div>

        <div class="position-fixed text-right bg-light p-1 bottomOper">
            <div id="pager" class="pager float-left"></div>
            <div class="float-right">
                <button id="btnOfficeTestBottom" type="button" class="btn btn-success noshow" data-toggle="modal" data-target="#myModalOffice">模拟网信办排班</button>
                <button id="btnOfficeScheduleImportBottom" type="button" class="btn btn-success">导入排班</button>
                <a id="btnOfficeImportTemplateBottom"  class="btn btn-success" href="/files/排班导入模板.xlsx">下载导入模板</a>
                <button id="btnAutoCenterScheduleBottom" type="button" class="btn btn-success" data-toggle="modal" data-target="#myModal">中心自动排班</button>
                <button id="btnChangeScheduleBottom" type="button" class="btn btn-primary">换班</button>
                <button id="btnExportBottom" type="button" class="btn btn-primary" data-toggle="modal" data-target="#exportModal">导出</button>
                <button id="btnAddBottom" type="button" class="btn btn-success">新增网信办排班</button>
                <button id="btnAddCenterScheduleBottom" type="button" class="btn btn-success">新增中心排班</button>
            </div>
            <div class="clearfix"></div>
        </div>

        <!-- 中心排班 模态框 -->
        <div class="modal fade" id="myModal">
            <div class="modal-dialog">
                <div class="modal-content" id="divPrevAutoSchedule">

                    <!-- 模态框头部 -->
                    <div class="modal-header">
                        <h4 class="modal-title">请选择排班时间范围</h4>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>

                    <!-- 模态框主体 -->
                    <div class="modal-body">
                        <div class="input-group mb-3 mt-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text">开始时间</span>
                            </div>
                            <input type="text" class="form-control input-date" data-col="AutoStartTime" />
                        </div>
                        <div class="input-group mb-3 mt-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text">结束时间</span>
                            </div>
                            <input type="text" class="form-control input-date" data-col="AutoEndTime" />
                        </div>
                    </div>

                    <!-- 模态框底部 -->
                    <div class="modal-footer">
                        <button type="button" id="btnAutoSchedule" class="btn btn-primary">确定</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    </div>

                </div>
            </div>
        </div>

        <!-- 网信办排班 模态框 -->
        <div class="modal fade" id="myModalOffice">
            <div class="modal-dialog">
                <div class="modal-content" id="divPrevAutoScheduleOffice">

                    <!-- 模态框头部 -->
                    <div class="modal-header">
                        <h4 class="modal-title">请选择排班时间范围</h4>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>

                    <!-- 模态框主体 -->
                    <div class="modal-body">
                        <div class="input-group mb-3 mt-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text">开始时间</span>
                            </div>
                            <input type="text" class="form-control input-date" data-col="AutoStartTime" />
                        </div>
                        <div class="input-group mb-3 mt-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text">结束时间</span>
                            </div>
                            <input type="text" class="form-control input-date" data-col="AutoEndTime" />
                        </div>
                    </div>

                    <!-- 模态框底部 -->
                    <div class="modal-footer">
                        <button type="button" id="btnAutoScheduleOffice" class="btn btn-outline-primary">确定</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    </div>

                </div>
            </div>
        </div>

        <!-- 导出文件 模态框 -->
        <div class="modal fade" id="exportModal">
            <div class="modal-dialog">
                <div class="modal-content" id="divPrevExport">

                    <!-- 模态框头部 -->
                    <div class="modal-header">
                        <h4 class="modal-title">请选择导出排班的时间范围</h4>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>

                    <!-- 模态框主体 -->
                    <div class="modal-body">
                        <div class="input-group mb-3 mt-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text">开始时间</span>
                            </div>
                            <input type="text" class="form-control input-date" data-col="AutoStartTime" />
                        </div>
                        <div class="input-group mb-3 mt-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text">结束时间</span>
                            </div>
                            <input type="text" class="form-control input-date" data-col="AutoEndTime" />
                        </div>
                    </div>

                    <!-- 模态框底部 -->
                    <div class="modal-footer">
                        <button type="button" id="btnExportExecute" class="btn btn-outline-primary">确定</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
</body>
</html>
